<!DOCTYPE html>
<html>
<head>
<title>我们的服务</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Tutelage Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<script src="js/modernizr.custom.js"></script>
<!-- fonts -->
<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Alegreya:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- //fonts -->
	<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
	<!-- start-smoth-scrolling -->

</head>
<body>
<!-- header -->
<div class="header">
			<div class="container">
				<div class="header-nav">
					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
							<h1><a class="navbar-brand" href="index.html"><i class="glyphicon glyphicon-education" aria-hidden="true"></i><span>So</span>Gine</a></h1>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li>
									<a class="hvr-overline-from-center button2 " href="index.html">首页</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2" href="about.html">我们的产品</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2 " href="tech.html">我们的技术</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2 active" href="services.html">我们的服务</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2" href="contact.html">联系我们</a>
								</li>
							</ul>
						
						</div>
						<!-- /navbar-collapse -->

						
					</nav>
				</div>
			</div>
		</div>
<!-- header -->
<!-- banner -->
<div class="banner page-head">
</div>
<!-- //banner -->
<!-- services -->
	<div class="ser-first">
		<div class="container">
				<div class="services-info">
					<h2 class="tittle">我们的服务</h2>
				</div>
				
				<div class="about-grids">
					<div class="col-md-5 about-grid-left">
						<img src="images/g5.jpg" alt="" />
					</div>
					<div class="col-md-7 about-grid">
						<h3>专业的业务咨询规划 </h3>
						<p>
							首选专业的溯擎咨询顾问团队对用户的信息化现状做全面整体的评估，从用户需求及信息化建设角度来发现用户的问题并撰写改善建议及解决方案，协同用户评估；以帮助用户实现信息化建设目标。
						</p>
						<h3>规范的产品研发实施 </h3>
						<p>
							专业实施服务团队严格遵循溯擎软件特有的实施方法论，由经验丰富的实施经理和项目经理，按照我们企业内部的软件实施流程和项目管理规程遵循保障质量和实现软件价值角度对项目进行分阶段、分层次、按时有序分步实施，做到质量保证、风险可控、实施有效。
						</p>
						<h3>完善的售后服务 </h3>
						<p>
							售后服务团队是由一批有拥有多年客服经验和协同软件服务的技术人员组成，可通过提供远程技术支持、电话沟通、上门服务等多种方式，为客户解决系统问题、软件使用指导、版本维护、升级等一系列问题，以确保客户能高效、畅顺地使用，保证能以最快的速度受理和解决用户所遇到的各种突发问题。
						</p>
						<h3>服务流程 </h3>
						<p>
							<img src="images/service-flow.png" alt="" />
						</p>

					</div>
					<div class="clearfix"></div>
				</div>
		</div>
	</div>
	<div class="services-top">
			<div class="container">
				<div class="services-info">
					<h3 class="tittle">WE CAN HELP YOU</h3>
				</div>
				<div class="ser-top-grids">
					<div class="col-md-8 ser-top-grid">
						<div class="ser-top-img">
							<img src="images/f1.jpg" alt=" "/>
						</div>
						<div class="ser-top-txt">
							
							<p>These cases are perfectly simple and easy to distinguish. 
							In a free hour, when our power of choice is untrammelled and 
							when nothing prevents our being able to do what we like best</p>
							<p>Temporibus autem quibusdam et aut officiis debitis 
							aut rerum necessitatibus saepe eveniet </p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-4 ser-top-grid">
						<ul>
							<li><a href="#">Sed ut perspiciatis unde om</a></li>
							<li><a href="#">At vero eos et accusamus et</a></li>
							<li><a href="#">On the other hand, we deno</a></li>
							<li><a href="#">Sed ut perspiciatis unde </a></li>
							<li><a href="#">Lorem ipsum dolor sit amet</a></li>
							<li><a href="#">Neque porro quisquam est </a></li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
	</div>
	<div class="services">
		<div class="container">
				<div class="services-info">
					<h3 class="tittle">SKILLS AND DEVELOPMENT</h3>
				</div>
				<div class="services-grids">
					<div class="row">
						<div class="col-md-6 services-grid">
								<div class="ser-img">
									<img src="images/pic1.jpg" alt=" "/>
								</div>
								<div class="caption">
									<h4>Sed ut perspiciatis unde</h4>
									<p>It Richard McClintock, a Latin professor at Hampden-Sydney College eos et accusamus et iusto odio dignissimos ducimus qui blanditiis </p>
									
								</div>
								<div class="clearfix"></div>
						</div>
						<div class="col-md-6 services-grid">
								<div class="ser-img">
									<img src="images/pic2.jpg" alt=" "/>
								</div>
								<div class="caption">
									<h4>Sed ut perspiciatis unde</h4>
									<p>It Richard McClintock, a Latin professor at Hampden-Sydney College eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
									
								</div>
								<div class="clearfix"></div>
						</div>
						<div class="col-md-6 services-grid">
								<div class="ser-img">
									<img src="images/pic3.jpg" alt=" "/>
								</div>
								<div class="caption">
									<h4>Sed ut perspiciatis unde</h4>
									<p>It Richard McClintock, a Latin professor at Hampden-Sydney College eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
									
								</div>
								<div class="clearfix"></div>
						</div>
						<div class="col-md-6 services-grid">
								<div class="ser-img">
									<img src="images/pic4.jpg" alt=" "/>
								</div>
								<div class="caption">
									<h4>Sed ut perspiciatis unde</h4>
									<p>It Richard McClintock, a Latin professor at Hampden-Sydney College eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
									
								</div>
								<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
		</div>
	</div>
<!-- //services -->
<!-- footer -->
<div class="footer">
	<div class="container">
		<div class="footer-grids">
			<div class="col-md-3 footer-grid">
						<h3>联系我们</h3>
						<ul>
							<li>
								<a href="#">地址：上海市浦东新区塘桥茂兴路88号</a>
							</li>
							<li>
								<a href="#">邮编：200120 </a>
							</li>
							<li>
								<a href="#">商务合作：158-0176-9561</a>
							</li>
							<li>
								<a href="#">邮箱：services@suqing.com</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的产品 </h3>
						<ul>
							
							<li>
								<a href="about.html">企业信息管理系统</a>
							</li>
							<li>
								<a href="about.html">生产管理系统</a>
							</li>
							<li>
								<a href="about.html">仓储管理系统</a>
							</li>
							<li>
								<a href="about.html">购销管理系统</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的技术</h3>
						<ul>
							<li>
								<a href="tech.html">数据库</a>
							</li>
							<li>
								<a href="tech.html">信息安全</a>
							</li>
							<li>
								<a href="tech.html">移动技术</a>
							</li>
							<li>
								<a href="tech.html">UI交互技术</a>
							</li>
							<li>
								<a href="tech.html">大数据</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的服务</h3>
						<ul>
							<li>
								<a href="services.html">专业的业务咨询规划</a>
							</li>
							<li>
								<a href="services.html">规范的产品研发实施</a>
							</li>
							<li>
								<a href="services.html">完善的售后服务</a>
							</li>
							<li>
								<a href="services.html">服务流程</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="clearfix"></div>
		</div>
		<p> Copyright © suqing.com 沪ICP备xxxxxxx号| 沪公网安备 xxxxxxx号
					<a href="http://www.suqingtech.com/" target="_blank" title="上海溯擎信息科技有限公司">上海溯擎信息科技有限公司</a>
				</p>
	</div>
</div>
<!-- //footer -->
<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- smooth scrolling -->
	<script type="text/javascript">
		$(document).ready(function() {
		/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
		*/								
		$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
	<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!-- //smooth scrolling -->

</body>
</html>